<template>
  <TodoFoot>
    <template #chackAll>
      <input type="checkbox" v-model="isAllCheck"   />
    </template>
    <template #count>
      <span >已完成{{completeSize}}</span> / 全部{{todos.length}}
    </template>
    <template #deleted>
      <button  class="btn btn-danger" v-show="completeSize" @click="deleteCompleteTodos">清除已完成任务</button>
    </template>
  </TodoFoot>
</template>

<script>
export default {
  name: "index"
}
</script>

<style scoped>

</style>